<template>
    <d-layout>
        <d-content>
            <d-row justify="center" align="middle" class="row">
                <d-col :span="12">
                    <img src="@/assets/images/404.svg" alt="发生了404错误~" class="banner" />
                    <d-button-group size="lg" class="btn-group">
                        <router-link to="/">
                            <d-button variant="solid">
                                带我回到主页
                            </d-button>
                        </router-link>
                        <a href="mailto:gaonenggg@outlook.com?subject=%E6%88%91%E9%81%87%E5%88%B0%E4%BA%86%E9%97%AE%E9%A2%98%EF%BC%81&body=%E9%81%87%E5%88%B0%E4%BA%86%E4%BB%80%E4%B9%88%E9%97%AE%E9%A2%98%3A%0D%0A%0D%0A%E6%80%8E%E4%B9%88%E9%81%87%E5%88%B0%E7%9A%84%3A%0D%0A%0D%0A%E5%BA%94%E8%AF%A5%E6%98%AF%E4%BB%80%E4%B9%88%E6%A0%B7%E7%9A%84%EF%BC%9A">
                            <d-button>
                                我要向修灯师傅报告这个问题
                            </d-button>
                        </a>
                    </d-button-group>
                </d-col>
            </d-row>
        </d-content>
    </d-layout>
</template>

<style lang="scss" scoped>
.btn-group {
    justify-content: center;
}
.row{
    margin-bottom: 1em;
}
.banner{
    display:block;
    min-width: 320px;
    max-width: 480px;
    margin: auto;
}
</style>
